// // 定义一个包含表格数据的数组
// var tableData = [
//     { number: 1, code: '物料编号784', name: '物料名称A', type: '材料类型X', date: '2024-03-06', supplier: '供应商A', contact: '联系人A', description: '手机号A' },
//     { number: 2, code: '物料编号235', name: '物料名称B', type: '材料类型Y', date: '2024-03-07', supplier: '供应商B', contact: '联系人B', description: '手机号B' },
//     { number: 3, code: '物料编号671', name: '物料名称C', type: '材料类型Z', date: '2024-03-08', supplier: '供应商C', contact: '联系人C', description: '手机号C' },
//     { number: 4, code: '物料编号128', name: '物料名称D', type: '材料类型X', date: '2024-03-09', supplier: '供应商D', contact: '联系人D', description: '手机号D' },
//     { number: 5, code: '物料编号396', name: '物料名称E', type: '材料类型Y', date: '2024-03-10', supplier: '供应商E', contact: '联系人E', description: '手机号E' },
//     { number: 6, code: '物料编号542', name: '物料名称F', type: '材料类型Z', date: '2024-03-11', supplier: '供应商F', contact: '联系人F', description: '手机号F' },
//     { number: 7, code: '物料编号871', name: '物料名称G', type: '材料类型X', date: '2024-03-12', supplier: '供应商G', contact: '联系人G', description: '手机号G' },
//     { number: 8, code: '物料编号643', name: '物料名称H', type: '材料类型Y', date: '2024-03-13', supplier: '供应商H', contact: '联系人H', description: '手机号H' },
// ];
//
// console.log(tableData);
//
//
// // 获取表格的<tbody>标签
// var tableBody = document.getElementById('table-body');
//
// // 循环遍历表格数据数组，并动态生成表格行
// tableData.forEach(function (data) {
//     // 创建<tr>元素
//     var row = document.createElement('tr');
//
//     // 遍历数据对象的每个属性，并创建<td>元素
//     for (var key in data) {
//         // 创建<td>元素
//         var cell = document.createElement('td');
//         cell.style.backgroundColor = "rgba(0,0,0,0.05)"
//         if (key === Object.keys(data)[0]) {
//             cell.id = 't1'; // 添加id为t1的样式
//         }
//         if (key === Object.keys(data)[3]) {
//             cell.id = 't2'; // 添加id为t1的样式
//         }
//         // 设置<td>元素的文本内容为数据对象对应属性的值
//         cell.textContent = data[key];
//         // 将<td>元素添加到<tr>元素中
//         row.appendChild(cell);
//     }
//     // 创建“操作”单元格
//     var operateCell1 = document.createElement('td');
//     var operateCell2 = document.createElement('td');
//
//     // 创建“编辑”按钮
//     var editButton = document.createElement('button');
//     editButton.textContent = '编辑';
//     editButton.style.backgroundColor = 'rgb(1,14,49)'
//     editButton.style.color = 'rgba(255,255,255,1)'
//     editButton.style.width = '70px'
//     editButton.style.height = '25px'
//     // 添加编辑按钮点击事件处理程序
//     editButton.addEventListener('click', function () {
//         // 获取当前行的数据对象
//         var rowData = data;
//         // 构建编辑页面的URL，将rowData作为参数传递
//         var editPageUrl = 'Material_edit.jsp';
//         // 在新页面中打开编辑页面
//         window.open(editPageUrl, '_self');
//     });
//
//     // 创建“删除”按钮
//     var deleteButton = document.createElement('button');
//     deleteButton.style.backgroundColor = 'rgb(1,14,49)'
//     deleteButton.style.color = 'rgba(255,255,255,1)'
//     deleteButton.style.width = '70px'
//     deleteButton.style.height = '25px'
//     deleteButton.textContent = '删除';
//     // 设置按钮间隔和居中样式
//     operateCell1.style.textAlign = 'center';
//     operateCell2.style.textAlign = 'center';
//     // 将按钮添加到“操作”单元格中
//     operateCell1.appendChild(editButton);
//     operateCell2.appendChild(deleteButton);
//     // 将“操作”单元格添加到<tr>元素中
//     row.appendChild(operateCell1);
//     row.appendChild(operateCell2);
//     // 将<tr>元素添加到<tbody>标签中
//     tableBody.appendChild(row);
// });